<style lang="less">
  @import "dataSetShow";
</style>

<template>
  <div class="dataItem">
    <div class="dataItem-title">
      <Card>
        <Row style="font-size: 20px">
          <Col span="3">数据集名称：</Col>
          <Col span="5">{{dataSetName}}</Col>
          <Col span="3">图片总数：</Col>
          <Col span="5">{{dataItem}}</Col>
          <Col span="1" offset="6">
            <Upload ref="upload" type="drag" action="//jsonplaceholder.typicode.com/posts/" accept=".JPG,.PNG" >
              <div style="width:30px;height:30px;line-height: 30px;">
                <Icon :size="20" type="md-add" />
              </div>
            </Upload>
          </Col>
        </Row>
      </Card>
    </div>
    <div class="dataItem-show">
      <data-item></data-item>
    </div>
  </div>
</template>

<script>
  import Bus from '../../../utils/Bus'
  import DataItem from '../../../components/data-item/data-item'
    export default {
        name: "dataSetShow",
      components:{
          DataItem,
      },
      data(){
        return{
          dataSetName:'雀巢咖啡一数据集',
          dataItem:100,
          message:0,
        }
      },
      mounted(){
        let self = this;
        Bus.$on('msg', (e) => {
          self.message = e;
        })
      }
    }
</script>

<style scoped>

</style>
